<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/plantillas/plantillaPrincipal.xhtml">
        <ui:define name="contenido">
            <f:view>
                <h:form id="formulario">

                    <p:fieldset legend="TRANSFERENCIA DE SALDOS ENTRE CAJAS CHICAS" toggleable="true" toggleSpeed="500" style="width:400px;margin: 0 auto">
                        <p:ajax event="toggle"/>

                        <p:panelGrid id="panelReferencia" style="width:100%;margin: 10px auto;" > 

                            <p:row>
                                <p:column style="width:180px">
                                    <b><h:outputLabel id="lblSede" value="SEDE: " styleClass="lblForm"  /></b>
                                </p:column>                                
                                <p:column>
                                    <h:outputLabel value="#{BKCajaChica.cajaChicaFormulario.idSede.nombre}" />
                                </p:column>
                            </p:row>
                            <p:row rendered="false">
                                <p:column style="width:180px">
                                    <b><h:outputLabel id="lblBanco" value="BANCO: " styleClass="lblForm"  /></b>
                                </p:column>	                            
                                <p:column>
                                    <h:outputLabel value="#{BKCajaChica.cajaChicaFormulario.idMovimientoCuentaBancaria.idCuentaBancaria.idBanco.nombre}" />

                                </p:column>
                            </p:row>
                            <p:row rendered="false">
                                <p:column style="width:180px">
                                    <b><h:outputLabel id="lblNumeroCuenta" value="Nro. CUENTA BANCARIA: " /></b>
                                </p:column>
                                <p:column>
                                    <h:outputLabel value="#{BKCajaChica.cajaChicaFormulario.idMovimientoCuentaBancaria.idCuentaBancaria.numeroCuenta}" />

                                </p:column>
                            </p:row>

                            <p:row>
                                <p:column style="width:180px">
                                    <b><h:outputLabel id="lblEstado" value="ESTADO: " styleClass="lblForm"  /></b>
                                </p:column>	                            
                                <p:column>
                                    <h:outputLabel value="#{BKCajaChica.cajaChicaFormulario.descEstadoCajaChica}" />
                                </p:column>
                            </p:row>    
                            <p:row>
                                <p:column style="width:180px">
                                    <b><h:outputLabel id="lblMoneda" value="MONEDA: " styleClass="lblForm"  /></b>
                                </p:column>	                            
                                <p:column>
                                    <h:outputLabel value="#{BKCajaChica.cajaChicaFormulario.moneda.nombre}" />
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column style="width:180px">
                                    <b><h:outputLabel id="lblMontoApertura" value="MONTO DE APERTURA: " styleClass="lblForm" /></b>
                                </p:column>	                            
                                <p:column>
                                    <h:outputLabel value="#{BKCajaChica.cajaChicaFormulario.montoApertura}" />
                                </p:column>
                            </p:row> 
                            <p:row>
                                <p:column style="width:180px">
                                    <b><h:outputLabel id="lblSaldoCaja" value="SALDO DE CAJA: " styleClass="lblForm" /></b>
                                </p:column>	                            
                                <p:column>
                                    <h:outputLabel id="txtSaldoCaja" value="#{BKCajaChica.cajaChicaFormulario.saldoCaja}" />
                                </p:column>
                            </p:row>

                        </p:panelGrid>

                    </p:fieldset>


                    <p:panel id="pnlListarCajaChicaConSaldo" 
                             header="Lista de Cajas Chicas">
                        <p:dataTable id="dataTablaCajasSaldos" var="cajaChicaSaldo" rendered="true"
                                     value="#{BKCajaChica.mostrarListaCajaChicaConSaldo}" widgetVar="listaCajasSaldos"
                                     emptyMessage="No se encontraron cajas chicas cerradas con saldo"
                                     filteredValue="" rowIndexVar="rowIndex" paginator="true" rows="10"
                                     paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} 
                                     {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                     rowsPerPageTemplate="10,20,40"
                                     paginatorPosition="bottom" styleClass="datable-busqueda">

                            <p:column id="idColumnaNum" style="width: 2%" 
                                      headerText="Item">
                                <h:outputText value="#{rowIndex+1}" />
                            </p:column>

                            <p:column id="idColumnaSede" style="width: 10%" sortBy="" 
                                      headerText="Sede">
                                <h:outputText value="#{cajaChicaSaldo.idSede.direccion}" />
                            </p:column>                              

                            <p:column id="idColumnaMoneda" style="width: 10%" sortBy=""                                        
                                      headerText="Moneda">

                                <h:outputText value="#{cajaChicaSaldo.moneda.nombre}"/>
                            </p:column>

                            <p:column id="idColumnaMonto" style="width: 10%"
                                      sortBy="" 
                                      headerText="Monto">
                                <h:outputText value="#{cajaChicaSaldo.montoApertura}" />
                            </p:column>

                            <p:column id="idColumnaSaldo" style="width: 10%"
                                      sortBy="" 
                                      headerText="Saldo">
                                <h:outputText value="#{cajaChicaSaldo.saldoCaja}"/>
                            </p:column>                               

                            <p:column id="idColumnaFechaCreacionCajaChica" style="width: 10%"
                                      sortBy="" 
                                      headerText="Apertura de Caja">
                                <h:outputText value="#{cajaChicaSaldo.fechaApertura}">
                                    <f:convertDateTime pattern="dd/MM/yyyy" />
                                </h:outputText>
                            </p:column>

                            <p:column id="idColumnaEstado" style="width: 10%"
                                      sortBy="" 
                                      headerText="Estado">
                                <h:outputText value="#{cajaChicaSaldo.descEstadoCajaChica}"/>
                            </p:column>

                            <p:column id="idAccionesTransferencia" headerText="#{message['general.label.tipoAcesso']}" style="width: 25%" exportable="false">
                                <center>
                                    <p:commandButton id="btnTransferirSaldo" value="Transferir" title="Transferir saldo" 
                                                     oncomplete="confirmacion.show()" 
                                                     process="@this">
                                        <f:setPropertyActionListener value="#{cajaChicaSaldo}" target="#{BKCajaChica.cajaChicaSeleccionado}" />
                                    </p:commandButton>
                                </center>         
                            </p:column>

                            <!--
                              <p:column id="idAccionesTransferencia" headerText="#{message['general.label.tipoAcesso']}" style="width: 25%" exportable="false">
                                  <center>
                                      <p:commandButton id="btnTransferirSaldo" value="Transferir" title="Transferir saldo" 
                                                       oncomplete="#{cajaChicaSaldo.idMovimientoCuentaBancaria.idCuentaBancaria.idTipoMoneda.nombre
                                          eq BKCajaChica.cajaChicaFormulario.idMovimientoCuentaBancaria.idCuentaBancaria.idTipoMoneda.nombre ? 'confirmacion.show()':'confirmacionTipoCambio.show()'}" 
                            immediate="true">
               <f:setPropertyActionListener value="#{cajaChicaSaldo}" target="#{BKCajaChica.cajaChicaSeleccionado}" />
           </p:commandButton>
       </center>         
   </p:column>
                            -->
                        </p:dataTable>                                                                       
                    </p:panel>  

                    <center>
                        <h:panelGrid columns="2" cellpadding="10">

                            <p:commandButton id="btnRegresar" action="#{MBCajaChica.retrocederDeTransferencia()}" ajax="false" 
                                             value="Regresar" title="#{message['general.button.atras']}"  immediate="true"/>

                        </h:panelGrid>
                    </center>		

                    <p:confirmDialog id="dlgTransferir" header="TRANSFERENCIA" severity="alert" widgetVar="confirmacion"
                                     message="¿Desea transferir este saldo a la caja chica?">

                        <h:panelGrid style="width: auto;margin:0px auto;border:0px;padding: 0 5px" columns="2">

                            <p:commandButton id="btnConfTransMovimiento" update="dataTablaCajasSaldos,txtSaldoCaja" value="Si" oncomplete="confirmacion.hide()"
                                             actionListener="#{MBCajaChica.transferenciaSaldoCajas()}" process="@this">                                            

                            </p:commandButton>

                            <p:commandButton id="btnCancTransMovimiento" value="No" 
                                             onclick="confirmacion.hide()">                                          
                            </p:commandButton>
                        </h:panelGrid>

                    </p:confirmDialog>

                    <p:confirmDialog id="dlgTransferir2" message="Las monedas entre cajas son diferentes." 
                                     header="TRANSFERENCIA" severity="alert" widgetVar="confirmacionTipoCambio">

                        <h:panelGrid style="width: auto;margin:0px auto;border:0px;padding: 0 5px" columns="4">

                            <b><h:outputLabel id="lblTipoCambio" value="Tipo de Cambio: " /></b>	                    	                            	                    
                            <p:inputText id="txtTipoCambio" value="#{BKCajaChica.tipoCambio}" 
                                         style="width: 180px;text-align: left" required="true"/>                                                                                          

                            <br/>
                            <p:commandButton id="btnConfTransMovimiento2" update="dataTablaCajasSaldos,txtSaldoCaja" 
                                             value="Ejecutar Transferencia" oncomplete="confirmacionTipoCambio.hide()"
                                             actionListener="#{MBCajaChica.transferenciaSaldoCajas()}" immediate="false"/>                                                                           

                            <p:commandButton id="btnCancTransMovimiento2" value="Cancelar" immediate="true"
                                             onclick="confirmacionTipoCambio.hide()"/>                                          

                        </h:panelGrid>

                    </p:confirmDialog>

                </h:form>
            </f:view>
        </ui:define>

    </ui:composition>
</html> 













